@import url("../download/font_4560861_zlr1l34sdz/iconfont.css");
@import url("../download3/font_4727839_1dicv5lr1sph/iconfont.css");
@import url("../download2/font_4727839_lp4qf6jxb8/iconfont.css");
@import url("../download4/font_4727839_88drnyex3ad/iconfont.css");
@import url("../css/reset.css");
@import url('../download5/font_4748144_md6ncildhin/iconfont.css');

body {
    min-width: 1226px;
}

.container {
    margin: 0 auto;
    width: 1226px;

}

.header {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #333;
}

.header .ban {
    width: 768px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
}

.header .ban a {
    font-size: 12px;
    color: #b0b0b0;
    text-decoration: none;
}

.header .ban a:hover {
    color: white;
}

.header .grd_r {
    float: right;
    height: 100%;
}

.contai .header .span {
    color: #424242;
}

.header .car {
    width: 140px;
    height: 100%;
    display: inline-block;
}

.header .car a:hover {
    color: white;
}

.header a {
    font-size: 12px;
    color: #b0b0b0;
    text-decoration: none;
}

.header .gwc {
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: bottom;
}

.header .gwc i {
    color: #b0b0b0;
}

.header .gwc:hover {
    background-color: white;
    color: #ff6a00;
}

.header .gwc:hover i {
    background-color: white;
    color: #ff6a00;
}

.header .grd_r .gwc:hover .carlist {
    display: block;
}

.header .gwc .carlist {
    width: 316px;
    line-height: 80px;
    height: 80px;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    right: 0;
    display: none;
    z-index: 999;
}

.icon-gouwuche {
    color: white;
    font-size: 12px;
}



.van {
    height: 100px;
    width: 100%;
    display: inline-block;
}

.van .logo {
    width: 52px;
    height: 56px;
    line-height: 56px;
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: bottom;
    margin-top: 22px;
    vertical-align: top;
}

.van .new,
li {
    height: 100px;
    line-height: 100px;
    display: inline-block;
    vertical-align: top;
}

.van ul {
    width: 850px;
}

.van li {
    padding: 0px 10px 0px 10px;
    box-sizing: border-box;
}

.van a {
    text-decoration: none;
    color: #333;
}

.van ul>li a:hover {
    text-decoration: none;
    color: #ff6a00;
}

.icon-icon-xiaomiguishu {
    color: #ff6a00;
    font-size: 32px;
}

.search2 {
    float: right;
    position: relative;
    /* height: 100px; */
    /* line-height: 100px; */
}

.van .search2 input:active {
    border-color: #ff6a00;
}

.van .search2>div {
    display: inline-block;
    position: relative;
}

.search2 .search {
    width: 245px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    margin-top: 25px;
    position: relative;
}

.van .list {
    width: 245px;
    height: 240px;
    position: absolute;
    display: none;
    border: 1px solid #ff6a00;
}

.van .search2:hover .list {
    display: block;
    background-color: white;
}

.van .list .new1 {
    display: inline-block;
}


.van .list .new1 li {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    overflow: hidden;
}

.search2 .search:active {
    border-color: #ff6a00;
}

.search2 .sousuo {
    float: right;
    width: 52px;
    height: 50px;
    line-height: 50px;
    padding: 1px 6px 1px 6px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-left: 0px;
    /* text-align: center; */
    position: relative;
    background-color: white;
    margin-top: 26px;
    display: inline-block;
}

.search2 .sousuo:hover {
    background-color: #ff6a00;
}

.icon-sousuo {
    font-size: 32px;
    position: relative;
}

.icon-sousuo:hover {
    background-color: #ff6a00;
}

.van .level2 {
    position: absolute;
    border: 1px solid black;
    top: 140px;
    width: 100%;
    height: 240px;
    background-color: orange;
    display: none;
    left: 0;
    bottom: -200px;
    z-index: 999;
}

li:hover .level2 {
    display: block;
}

.banns {
    width: 100%;
    height: 460px;
}

.select {

    padding-top: 20px;
    padding-bottom: 20px;
}

.select .ull {
    width: 234px;
    height: 460px;
    float: left;
}

.select .new3 {
    width: 100%;
    background-color: #424242;
    position: relative;
}

.select .new3 li {
    padding: 0px;
    margin: 0px;
    display: block;
    padding-left: 30px;
    height: 42px;
    line-height: 42px;
    color: white;
    overflow: hidden;
}

.select .new3 li:hover {
    background-color: #ff6a00;
}

.select .new3 li span:nth-child(2) {
    float: right;
    padding-right: 20px;
}

.select .new3 li span:nth-child(1) {
    float: left;
    padding-left: 20px;
}

.select .new3 li .level3 {
    position: absolute;
    width: 400px;
    height: 420px;
    border: 1px solid #b0b0b0;
    display: none;
    right: -400px;
    background-color: rebeccapurple;
    top: 0;
}

.select .new3 li:hover>.level3 {
    display: block;
}

.select .banner {
    float: right;
}

.select .banner img {
    width: 992px;
    height: 100%;
}

.product {
    width: 100%;
    height: 170px;
    margin-top: 20px;
    vertical-align: bottom;
    margin-bottom: 20px;
}

.product .time {
    width: 236px;
    height: 170px;
    background-color: #5f5750;
    float: left;
}

.product .time .card {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 0px;
}

.product .time .card li {
    display: inline-block;
    text-decoration: none;
    width: 76px;
    height: 82px;
    line-height: 82px;
    font-size: 12px;
    color: white;
    /* padding-top: 18px; */
    box-sizing: border-box;
}

.product .time .card li a {
    /* width: 70px;
    height: 64px; */
    /* width: 100%;
    height: 100%; */
    display: block;
    height: 50%;
    text-align: center;
    line-height: 41px;

}

.product .time .card li span {
    display: block;
    height: 50%;
    line-height: 41px;
    text-align: center;
}

.product .time .card img {
    width: 24px;
    height: 24px;
    display: inline;
    /* margin: 0px 23px 4px 23px; */
    /* margin: 50% 50%; */
    vertical-align: bottom;
}

.product .watch {
    float: right;
}

.product .watch ul,
li {
    display: inline-block;
    text-decoration: none;
}

.product .watch img {
    width: 316px;
    height: 170px;
    float: right;

}

.drugon {
    width: 100%;
    background-color: #f5f5f5;
}

.drugon .phones img {
    margin-top: 22px;
    margin-bottom: 22px;
    width: 1226px;
    height: 120px;
}

.phone {
    background-color: #f5f5f5;
}

.phone .more {
    width: 100%;
    height: 58px;
    line-height: 58px;
}

.phone .more a {
    font-size: 22px;
    font-weight: 200;
    text-decoration: none;
    color: #333;
}

.icon-jiantou {
    font-size: 22px;
    color: #b0b0b0;
}


.span {
    height: 672px;
}

.phone .more .jiantou:hover {
    color: #ff6a00;
}

.phone .span .phonebig li {
    width: 234px;
    height: 614px;
}

.phone .span .phonebig img {
    width: 100%;
    height: 100%;
}

.phone .span .phonebig {
    float: left;
}

.phone .span .list {
    float: right;
    width: 992px;
    height: 614px;
    box-sizing: border-box;
    text-align: center;
}

.phone .span .list li {
    width: 234px;
    height: 300px;
    text-align: center;
    background-color: white;
    margin-left: 14px;
    margin-bottom: 14px;
    box-sizing: border-box;
    text-decoration: none;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;

}

.phone .span .list img {
    width: 160px;
    height: 160px;
    vertical-align: bottom;
}

.phone .span .list a {
    font-size: 0px;
}

.phone .span .list .content {
    display: inline-block;
    text-align: center;

}

.phone .span .list li .figure {
    display: inline-block;
    width: 160px;
    height: 160px;
    margin: 0px 37px 18px 37px;
}

.phone .span .list li .title {
    width: 214px;
    height: 21px;
    color: #333;
    margin: 0px 10px 2px;
    font-size: 14px;
    text-align: center;
    line-height: 21px;
}

.phone .span .list li .desc {
    width: 214px;
    height: 18px;
    color: #b0b0b0;
    margin: 0px 10px 10px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    overflow: hidden;
}

.phone .span .list li .price {
    width: 214px;
    height: 21px;
    font-size: 14px;
    text-align: center;
    color: #ff6a00;
    line-height: 21px;
}

.electric {
    background-color: #f5f5f5;
    height: 900px;
}

.electric .mores {
    height: 58px;
    line-height: 58px;
    width: 100%;
}

.electric .mores a {
    text-decoration: none;
    color: #b0b0b0;
    font-size: 22px;
}

.electric .mores .jiadian {
    float: right;
}

.electric .mores .jiadian a:hover {
    color: #ff6a00;
}

.electric .watchs {
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
}

.electric .watchs .bigwatch {
    float: left;
    margin-bottom: 14px;
}

/* 
.electric .watchs .bigwatch,
li {
    width: 234px;
    height: 100%;

} */

.electric .watchs .bigwatch img {
    width: 234px;
    height: 300px;
}

.electric .watchs .list2 {
    float: right;
    width: 992px;
    height: 614px;
    box-sizing: border-box;
    text-align: center;
}

.electric .watchs .list2 li {
    height: 300px;
    width: 234px;
    background-color: white;
    margin-left: 14px;
    margin-bottom: 14px;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.electric .watchs .list2 img {
    width: 160px;
    height: 160px;
    vertical-align: bottom;
}

.electric .watchs .list2 li .title {
    width: 214px;
    height: 21px;
    color: #333;
    margin: 0px 10px 2px;
    font-size: 14px;
    text-align: center;
    line-height: 21px;
}

.electric .watchs .list2 li .desc {
    width: 214px;
    height: 18px;
    color: #b0b0b0;
    margin: 0px 10px 10px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    overflow: hidden;
}

.electric .watchs .list2 li .price {
    width: 214px;
    height: 21px;
    font-size: 14px;
    text-align: center;
    color: #ff6a00;
    line-height: 21px;
}

.electric .watchs .list2 .slip {
    display: inline-block;
    width: 234px;
    height: 143px;
    margin-left: 14px;
    margin-bottom: 14px;
}

.electric .watchs .list2 .slip .slip1 {
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    width: 234px;
    height: 143px;
    box-sizing: border-box;
}

.electric .watchs .list2 .slip .slip1,
.slip2 {
    width: 234px;
    height: 143px;
    background-color: white;
}

.electric .watchs .list2 .slip li {
    margin: 0px;
    padding: 0px;
    margin-bottom: 14px;
}

.electric .watchs .list2 .slip .slip1 .sss {
    padding-top: 50px;
    width: 234px;
    height: 143px;
    vertical-align: middle;
    box-sizing: border-box;
}

.electric .watchs .list2 .slip .slip2 {
    padding-top: 50px;
}

.electric .watchs .list2 .slip .slip2 .slips a {
    width: 234px;
    height: 143px;
    vertical-align: bottom;
    text-decoration: none;
}



.electric .watchs .list2 .slip .slip1 img {
    width: 80px;
    height: 80px;
    float: right;
}

.electric .pen {
    height: 120px;
    width: 100%;
}

.electric .pen img {
    width: 1226px;
    height: 100%;
}

.xiu {
    width: 100%;
    height: 80px;
}

.xiu .xiuvan {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #b0b0b0;
}

.xiu .xiuvan .relax {
    width: 100%;
    height: 80px;
    padding-top: 27px;
    padding-bottom: 27px;
    line-height: 80px;
    box-sizing: border-box;
    text-align: center;
}

.xiu .xiuvan .relax li {
    height: 25px;
    line-height: 25px;
    width: 242px;
    float: left;
    text-align: center;
    border-right: 1px solid #b0b0b0;

}

.xiu .xiuvan .relax .last {
    border-right: 1px solid transparent;
}

.xiu .xiuvan .relax li,
a {
    text-decoration: none;
    color: #616161;
}

.xiu .xiuvan .relax li:hover .iconfont {
    color: #ff6a00;
}

.xiu .xiuvan .relax li:hover {
    color: #ff6a00;
}

.icon-weixiu,
.icon-qitian,
.icon-tian,
.icon-liwuhuodong,
.icon-dizhi {
    font-size: 24px;
    color: #616161;
    padding-right: 5px;
    vertical-align: bottom;
}

.about {
    width: 100%;
    height: 393px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 160px;
    box-sizing: border-box;
}

.about .about_left {
    width: 800px;
    height: 100%;
    float: left;
}

.about .about_left .us {
    float: left;
    width: 160px;
    height: 100%;
}

.about .about_left li {
    width: 160px;
    height: 17.5px;
    line-height: 17.5px;
    float: left;
    margin-top: 10px;
    color: #757575;
}

.about .about_left li:hover {
    color: #ff6a00;
}

.about .about_left .if {
    margin-bottom: 16px;
    color: #424242;
}

.about .about_right {
    width: 251px;
    height: 207px;
    float: right;
}

.about .about_right .top {
    height: 50%;
    width: 100%;
    display: inline-block;
}

.about .about_right .org {
    color: #ff6a00;
    font-size: 22px;
    margin-bottom: 5px;
}

.about .about_right .small {
    font-size: 12px;
    color: #616161;
    margin-bottom: 5px;
}

.about .about_right .kefu {
    border: 1px solid #ff6a00;
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #ff6a00;
    text-align: center;
}

.float {
    width: 84px;
    height: 500px;
    position: fixed;
    top: 200px;
    right: 0px;
    border: 1px solid white;
}

.float li {
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
    position: relative;
    padding-top: 22px;
    box-sizing: border-box;
}

.float .you .icon-shouji {
    position: absolute;
    top: -15px;
    left: 24px;
    font-size: 35px;
}

.float .you .icon-geren {
    position: absolute;
    top: -15px;
    left: 24px;
    font-size: 35px;
}

.float .you .icon-shouhouweixiu {
    position: absolute;
    top: -15px;
    left: 24px;
    font-size: 35px;
}

.float .you .icon-kefu {
    position: absolute;
    top: -15px;
    left: 24px;
    font-size: 35px;
}

.float .you .gouwu .icon-gouwuche {
    position: absolute;
    top: -15px;
    left: 24px;
    font-size: 35px;
    color: black;
}

.float .you .icon-huidingbu {
    position: absolute;
    top: -15px;
    left: 24px;
    font-size: 35px;
    color: black;
}

.float .you {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, 1fr);
}